<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : OBINGO

Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20110329

-->
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>oBingo!</title>
        <link rel="shortcut icon" href="balls.jpg"/>
        <link href="CSS/style.css" rel="stylesheet" type="text/css" media="screen" />
        <script src="cartones.js" type="text/javascript" language="javascript"></script>
        <script src="jquery.js"></script>
        <script src="jquery-ui.min.js"></script>
        <script src="jquery.blockUI.js"></script>
        <script src="Funciones.js"></script>
        <script src="bingo.js"></script>
        <script src="validarbingovertical.js"></script>
        <script src="validarbingohorizontal.js"></script>
        <script>
            $(document).ready( function() {
                //$("#carton1").toggle("slow");
                //newCard();
                //pedirpatron();
                pedircantados();
            });
        </script>

    </head>
    <body>
        <div id="wrapper">
            <div id="header" class="container">
                <div id="logo">
                    <h1><a href="#">OBINGO!
                        </a></h1>
                    <p>La mejor forma de jugar BINGO!</p>
                </div>
                <div id="menu">
                    <ul>
                        <li class="current_page_item"><a href="index.html">Home</a></li>
                    </ul>
                </div>
            </div>
            <!-- end #header -->
            <div id="splash" class="container"><img src="CSS/images/img02.jpg" width="1000" height="300" alt="" /></div>
            <div id="page" class="container">
                <div id="marketing">
                    <div id="nombrepatron" class="text1"></div>
                 
                    <div id="numeroactual" class="text2"></div>
                    <div class="text3">Numero Actual:</div>
                    
                    <div id="patron">


                        <table id="patront" class="patron">
                            <tr>
                                <td  ><div id="patron0" >&nbsp;</div></td>
                                <td   ><div id="patron1" >&nbsp;</div></td>
                                <td   ><div id="patron2" >&nbsp;</div></td>
                                <td  ><div id="patron3" >&nbsp;</div></td>
                                <td  ><div id="patron4" >&nbsp;</div></td>
                            </tr>
                            <tr>
                                <td  ><div id="patron5" >&nbsp;</div></td>
                                <td  ><div id="patron6" >&nbsp;</div></td>
                                <td  ><div id="patron7" >&nbsp;</div></td>
                                <td ><div id="patron8" >&nbsp;</div></td>
                                <td  ><div id="patron9" >&nbsp;</div></td>
                            </tr>
                            <tr>
                                <td ><div id="patron10" >&nbsp;</div></td>
                                <td ><div id="patron11" >&nbsp;</div></td>
                                <td ></td>
                                <td  ><div id="patron12" >&nbsp;</div></td>
                                <td ><div id="patron13" >&nbsp;</div></td>
                            </tr>
                            <tr>
                                <td  ><div id="patron14" >&nbsp;</div></td>
                                <td  ><div id="patron15" >&nbsp;</div></td>
                                <td  ><div id="patron16" >&nbsp;</div></td>
                                <td  ><div id="patron17" >&nbsp;</div></td>
                                <td  ><div id="patron18" >&nbsp;</div></td>
                            </tr>
                            <tr>
                                <td  ><div id="patron19" >&nbsp;</div></td>
                                <td ><div id="patron20" >&nbsp;</div></td>
                                <td ><div id="patron21" >&nbsp;</div></td>
                                <td  ><div id="patron22" >&nbsp;</div></td>
                                <td  ><div id="patron23" >&nbsp;</div></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div id="content">
                    <p><input id="botonpedircarton" type="button" value="Pedir Carton!" style="display:none" onClick="pedircarton()"/></p>
                    <p>&nbsp;</p>
                    <div id="card1">
                        <table id="carton1" style="display:none">
                            <tr>
                                <th width="20%">b</th>
                                <th width="20%">i</th>
                                <th width="20%">n</th>
                                <th width="20%">g</th>
                                <th width="20%">o</th>
                            </tr>
                            <tr>
                                <td  ><div id="square0carton1" onClick="pintar(this)"></div></td>
                                <td   ><div id="square1carton1" onClick="pintar(this)"></div></td>
                                <td   ><div id="square2carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square3carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square4carton1" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square5carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square6carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square7carton1" onClick="pintar(this)"></div></td>
                                <td ><div id="square8carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square9carton1" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td ><div id="square10carton1" onClick="pintar(this)"></div></td>
                                <td ><div id="square11carton1" onClick="pintar(this)"></div></td>
                                <td >oBingo</td>
                                <td  ><div id="square12carton1" onClick="pintar(this)"></div></td>
                                <td ><div id="square13carton1" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square14carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square15carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square16carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square17carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square18carton1" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square19carton1" onClick="pintar(this)"></div></td>
                                <td ><div id="square20carton1" onClick="pintar(this)"></div></td>
                                <td ><div id="square21carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square22carton1" onClick="pintar(this)"></div></td>
                                <td  ><div id="square23carton1" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr><td colspan="5" id="botonbingo1"><input type="button" value="Bingo!" onClick="bingo(1)"></input></td></tr>
                        </table>
                    </div>
                    <div id="card2">
                        <table id="carton2" style="display:none">
                            <tr>
                                <th width="20%">b</th>
                                <th width="20%">i</th>
                                <th width="20%">n</th>
                                <th width="20%">g</th>
                                <th width="20%">o</th>
                            </tr>
                            <tr>
                                <td  ><div id="square0carton2" onClick="pintar(this)"></div></td>
                                <td   ><div id="square1carton2" onClick="pintar(this)"></div></td>
                                <td   ><div id="square2carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square3carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square4carton2" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square5carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square6carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square7carton2" onClick="pintar(this)"></div></td>
                                <td ><div id="square8carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square9carton2" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td ><div id="square10carton2" onClick="pintar(this)"></div></td>
                                <td ><div id="square11carton2" onClick="pintar(this)"></div></td>
                                <td >oBingo</td>
                                <td  ><div id="square12carton2" onClick="pintar(this)"></div></td>
                                <td ><div id="square13carton2" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square14carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square15carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square16carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square17carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square18carton2" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square19carton2" onClick="pintar(this)"></div></td>
                                <td ><div id="square20carton2" onClick="pintar(this)"></div></td>
                                <td ><div id="square21carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square22carton2" onClick="pintar(this)"></div></td>
                                <td  ><div id="square23carton2" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr><td colspan="5" id="botonbingo2"><input type="button" value="Bingo!" onClick="bingo(2)"></input></td></tr>
                        </table>
                    </div>
                    <div id="card3">
                        <table id="carton3" style="display:none">
                            <tr>
                                <th width="20%">b</th>
                                <th width="20%">i</th>
                                <th width="20%">n</th>
                                <th width="20%">g</th>
                                <th width="20%">o</th>
                            </tr>
                            <tr>
                                <td  ><div id="square0carton3" onClick="pintar(this)"></div></td>
                                <td   ><div id="square1carton3" onClick="pintar(this)"></div></td>
                                <td   ><div id="square2carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square3carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square4carton3" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square5carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square6carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square7carton3" onClick="pintar(this)"></div></td>
                                <td ><div id="square8carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square9carton3" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td ><div id="square10carton3" onClick="pintar(this)"></div></td>
                                <td ><div id="square11carton3" onClick="pintar(this)"></div></td>
                                <td >oBingo</td>
                                <td  ><div id="square12carton3" onClick="pintar(this)"></div></td>
                                <td ><div id="square13carton3" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square14carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square15carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square16carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square17carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square18carton3" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square19carton3" onClick="pintar(this)"></div></td>
                                <td ><div id="square20carton3" onClick="pintar(this)"></div></td>
                                <td ><div id="square21carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square22carton3" onClick="pintar(this)"></div></td>
                                <td  ><div id="square23carton3" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr><td colspan="5" id="botonbingo3"><input type="button" value="Bingo!" onClick="bingo(3)"></input></td></tr>
                        </table>
                    </div>
                    <div id="card4">
                        <table id="carton4" style="display:none">
                            <tr>
                                <th width="20%">b</th>
                                <th width="20%">i</th>
                                <th width="20%">n</th>
                                <th width="20%">g</th>
                                <th width="20%">o</th>
                            </tr>
                            <tr>
                                <td  ><div id="square0carton4" onClick="pintar(this)"></div></td>
                                <td   ><div id="square1carton4" onClick="pintar(this)"></div></td>
                                <td   ><div id="square2carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square3carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square4carton4" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square5carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square6carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square7carton4" onClick="pintar(this)"></div></td>
                                <td ><div id="square8carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square9carton4" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td ><div id="square10carton4" onClick="pintar(this)"></div></td>
                                <td ><div id="square11carton4" onClick="pintar(this)"></div></td>
                                <td >oBingo</td>
                                <td  ><div id="square12carton4" onClick="pintar(this)"></div></td>
                                <td ><div id="square13carton4" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square14carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square15carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square16carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square17carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square18carton4" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr>
                                <td  ><div id="square19carton4" onClick="pintar(this)"></div></td>
                                <td ><div id="square20carton4" onClick="pintar(this)"></div></td>
                                <td ><div id="square21carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square22carton4" onClick="pintar(this)"></div></td>
                                <td  ><div id="square23carton4" onClick="pintar(this)"></div></td>
                            </tr>
                            <tr><td colspan="5" id="botonbingo4"><input type="button" value="Bingo!" onClick="bingo(4)"></input></td></tr>
                        </table>
                    </div>


                </div>
                <!-- end #content -->
                <div id="sidebar">
                    <ul>
                        <li>
                            <div style="padding: 24px;"><h1>Numeros Cantados:</h1></div>
                            <table align="center" id="cantados" >

                                <tr>
                                    <td><div id="1cantados" >1</div></td>
                                    <td><div id="2cantados" >2</div></td>
                                    <td><div id="3cantados" >3</div></td>
                                    <td  ><div id="4cantados" >4</div></td>
                                    <td  ><div id="5cantados" >5</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="6cantados" >6</div></td>
                                    <td  ><div id="7cantados" >7</div></td>
                                    <td  ><div id="8cantados" >8</div></td>
                                    <td ><div id="9cantados" >9</div></td>
                                    <td  ><div id="10cantados" >10</div></td>
                                </tr>
                                <tr>
                                    <td ><div id="11cantados" >11</div></td>
                                    <td ><div id="12cantados" >12</div></td>
                                    <td ><div id="13cantados" >13</div></td>
                                    <td  ><div id="14cantados" >14</div></td>
                                    <td ><div id="15cantados" >15</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="16cantados" >16</div></td>
                                    <td  ><div id="17cantados" >17</div></td>
                                    <td  ><div id="18cantados" >18</div></td>
                                    <td  ><div id="19cantados" >19</div></td>
                                    <td  ><div id="20cantados" >20</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="21cantados" >21</div></td>
                                    <td ><div id="22cantados" >22</div></td>
                                    <td ><div id="23cantados" >23</div></td>
                                    <td  ><div id="24cantados" >24</div></td>
                                    <td  ><div id="25cantados" >25</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="26cantados" >26</div></td>
                                    <td ><div id="27cantados" >27</div></td>
                                    <td ><div id="28cantados" >28</div></td>
                                    <td  ><div id="29cantados" >29</div></td>
                                    <td  ><div id="30cantados" >30</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="31cantados" >31</div></td>
                                    <td ><div id="32cantados" >32</div></td>
                                    <td ><div id="33cantados" >33</div></td>
                                    <td  ><div id="34cantados" >34</div></td>
                                    <td  ><div id="35cantados" >35</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="36cantados" >36</div></td>
                                    <td ><div id="37cantados" >37</div></td>
                                    <td ><div id="38cantados" >38</div></td>
                                    <td  ><div id="39cantados" >39</div></td>
                                    <td  ><div id="40cantados" >40</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="41cantados" >41</div></td>
                                    <td ><div id="42cantados" >42</div></td>
                                    <td ><div id="43cantados" >43</div></td>
                                    <td  ><div id="44cantados" >44</div></td>
                                    <td  ><div id="45cantados" >45</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="46cantados" >46</div></td>
                                    <td ><div id="47cantados" >47</div></td>
                                    <td ><div id="48cantados" >48</div></td>
                                    <td  ><div id="49cantados" >49</div></td>
                                    <td  ><div id="50cantados" >50</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="51cantados" >51</div></td>
                                    <td ><div id="52cantados" >52</div></td>
                                    <td ><div id="53cantados" >53</div></td>
                                    <td  ><div id="54cantados" >54</div></td>
                                    <td  ><div id="55cantados" >55</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="56cantados" >56</div></td>
                                    <td ><div id="57cantados" >57</div></td>
                                    <td ><div id="58cantados" >58</div></td>
                                    <td  ><div id="59cantados" >59</div></td>
                                    <td  ><div id="60cantados" >60</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="61cantados" >61</div></td>
                                    <td ><div id="62cantados" >62</div></td>
                                    <td ><div id="63cantados" >63</div></td>
                                    <td  ><div id="64cantados" >64</div></td>
                                    <td  ><div id="65cantados" >65</div></td>
                                </tr>

                                <tr>
                                    <td  ><div id="66cantados" >66</div></td>
                                    <td ><div id="67cantados" >67</div></td>
                                    <td ><div id="68cantados" >68</div></td>
                                    <td  ><div id="69cantados" >69</div></td>
                                    <td  ><div id="70cantados" >70</div></td>
                                </tr>
                                <tr>
                                    <td  ><div id="71cantados" >71</div></td>
                                    <td ><div id="72cantados" >72</div></td>
                                    <td ><div id="73cantados" >73</div></td>
                                    <td  ><div id="74cantados" >74</div></td>
                                    <td  ><div id="75cantados" >75</div></td>
                                </tr>
                            </table>
                        </li>
                    </ul>
                </div>
                <!-- end #sidebar -->
                <div style="clear: both;">&nbsp;</div>
            </div>
            <!-- end #page -->
        </div>

        <div id="footer" >
            <p>Copyright (c) 2011 oBingo.com. All rights reserved. Designed by UCAB Solutions.</p>
        </div>
        <!-- end #footer -->
    </body>
</html>
